Project Recap: Ruby on Rails App

Project Recap: Ruby on Rails App

For our Flatiron Module 2 project, our groups were tasked with creating a Rails project designed with the MVC (model, view, controller) framework. Our app Seamful, a food-delivery service, is a domain with users, restaurants, orders, reviews and food items.

Mapping out the domain and models with validations

Seamful User class, with simple validations for user email, name and credit card number.

class User < ApplicationRecord
  has_secure_password
  has_many :orders, dependent: :destroy
  has_many :reviews, dependent: :destroy
  has_many :restaurants, through: :orders
  validates :email, uniqueness: true
  validates :email, presence: true
  validates :first_name, presence: true
  validates :credit_card_num, length: {is: 16}
def fullname
    "#{self.first_name} #{self.last_name}"
  end
def self.num_current_users
    User.all.count
  end
def self.newest
    last
  end
end

Incorporating user sessions

When a user logs in, they should be able to access their personal information (i.e. orders, reviews). Without a user login, a user will have to register and create a new user account.

class SessionsController < ApplicationController
  skip_before_action :authorized, only: [:new, :create]
def new
    render :new
  end
def create
    user = User.find_by( {email: params[:email]})
    if user && user.authenticate(params[:password])
      session[:user_id] = user.id
      init_cart
      flash[:notice] = "Login Successful"
      redirect_to guide_path
    else
      flash[:notice] = "Invalid username or password"
      redirect_to login_path
    end
  end
def destroy
    session.delete(:user_id)
    redirect_to home_path
  end
end

For each restaurant page, a user should be able to see the average rating (accumulated by all reviews), with options to see all reviews, and write a review on the particular restaurant.

Additionally, after selecting items on the restaurant page, they can start an order:

Note, currently our delivery time is a randomized number. However, given more time we would incorporate the Google Maps API to calculate biking time from the restaurant address to the user’s delivery address and use that value instead.

Once we achieved full functionality, we wanted to improve the user experience. Using Bootstrap, we incorporated a simple menu bar to better navigate the site.

Additionally, when a user logs in, we created a page to help them better navigate the restaurants to start an order. Using the restaurant’s cuisine attribute, we grouped the restaurants together:

Overall, this project took place over a week-long period. We were able to accomplish full-functionality within the second day, and found the longest / most extensive part of the project was incorporating CSS styling. Furthermore, custom CSS styling(applied to about 90%) of the app, and figuring out how to override certain Bootstrap elements was the most time-consuming part of the process!

Check out the full repo here.